<template>
    <div class="footer">
      <div class="footer_t">票价是指通过景区指定窗口售卖的纸质门票上标注的价格</div>
      <div class="footer_b">
        <ul class="footer-one">
          <li><span class="iconfont">&#xe60d;</span>机票</li>
          <li><span class="iconfont">&#xe620;</span>酒店</li>
          <li><span class="iconfont">&#xe61e;</span>公寓</li>
          <li class="active"><span class="iconfont">&#xe65d;</span>更多</li>

        </ul>
        <ul class="footer-two">
          <li><a href="">登录</a></li>
          <li><a href="">我的订单</a></li>
          <li><a href="">最近浏览</a></li>
          <li><a href="">关于我们</a></li>

        </ul>
        <p class="footer-three">触屏版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电脑版</p>
        <p class="footer-four">Qunar 京ICP备05021087意见反馈</p>
      </div>
    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style lang="stylus" scoped>
  .footer{
    .footer_t{
      background:white;
      line-height:.3rem;
      font-size:.12rem;
      padding-left:.1rem;
    }
    .footer_b{
      background:#eaeaea;
      .footer-one{
        display:flex;
        padding:.13rem .2rem;
        color:#cacaca;
        li{
          width:25%;
          text-align:center;

        }
      }
      .footer-two{
        display:flex;
        padding:0 1rem .1rem .05rem;
        border-bottom:1px solid #cacaca;
        li{
          width:25%;
          text-align:center;
        }
      }
      .footer-three{
        display:flex;
        justify-content:center;
        padding:.1rem 0 .1rem 0;
      }
      .footer-four{
        text-align:center;
        padding:.02rem 0 .1rem 0;
        color:#cacaca;
      }
    }
  }
</style>
